
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<!--     <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico"> -->

    <title>筛选地区景点</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/static/signin.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body style="background: url(http://pic4.bbzhi.com/fengjingbizhi/gaoqingxifengjingzhuomianbizhixiazai/gaoqingxifengjingzhuomianbizhixiazai_365787_18.jpg) ; background-size:100% 100% ; background-attachment: fixed">

    <div class="container">


      <form class="form-signin" action="/search" method="POST">
        <h2 class="form-signin-heading">筛选地区景点</h2>
        <p>请输入您想查找的地区：<input type="text" list="district_list" name="district"></p>
<datalist id="district_list">
	<option value="天河区" />
	<option value="增城区" />
	<option value="从化区" />
	<option value="番禺区" />
	<option value="花都区" />
	<option value="越秀区" />
	<option value="海珠区" />
	<option value="南沙区" />
	<option value="黄埔区" />
</datalist>
	<button class="btn btn-small btn-primary btn-block" type="submit" style="font-size:20px;font-weight: bold;">筛选</button>
</form>

<form action="/go">
	<h2 class="form-signin-heading">搜索天气</h2>
	<button class="btn btn-small btn-primary btn-block" type="submit" style="font-size:20px;font-weight: bold;margin: 30px 0px;">搜索</button>
</form>

<div class="form-group">
<table width="1140" border="1" background='#e5f9ff'>
    <tr align="center">
    	<td bgcolor="#99e3ff" align="center" width="300">
    		<div style="font-size:20px;font-weight: bold;">景点名称</div>
    	</td>
    	<td bgcolor="#99e3ff" align="center" width="200">
    		<div style="font-size:20px;font-weight: bold;">景点位置</div>
    	</td>
    	<td bgcolor="#99e3ff" align="center">
    		<div style="font-size:20px;font-weight: bold;">景点介绍</div>
    	</td>
    </tr>
	{% for row in the_data %}
	<tr align="center">
		{% for item in row %}
		<td bgcolor="#ccf1ff" align="center" height="30"><div style="font-size:17px">{{ item }}</div></td>		
		{% endfor %}
	</tr>
	{% endfor %}
</table>
</div>
    </div> <!-- /container -->


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
